<!DOCTYPE html>
<html>
<head>
    <link href="css/style.css" rel='stylesheet' type='text/css'/>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
<div class="login-01">
    <div class="one-login  hvr-float-shadow">
        <div class="one-login-head">
            <img src="images/top-lock.png" alt=""/>
            <h1>系统默认登录页面，建议自定义此页面</h1>
            <span></span>
        </div>
        <form action="/authentication/form" method="post">
            <li>
                <input type="text" class="text" name="username" value="admin" onfocus="this.value = '';"
                       onblur="if (this.value == '') {this.value = 'username';}">
                <beanOne href="#" class=" icon user"></beanOne>
            </li>
            <li>
                <input type="password" value="123456" name="password" onfocus="this.value = '';"
                       onblur="if (this.value == '') {this.value = 'password';}">
                <beanOne href="#" class=" icon lock"></beanOne>
            </li>
            <li>
                <input type="text" name="imageCode">
                <img src="/code/image?width=90">
            </li>
            <div class="p-container">
                <label class="checkbox"><input type="checkbox" name="remember-me" checked><i></i>Remember Me</label>
                <div class="clear"></div>
            </div>
            <div class="submit">
                <input type="submit" value="SIGN IN">
            </div>
            <h5>Don't have an account ?
                <beanOne href="initcap-signUp.html"> Sign Up</beanOne>
            </h5>
        </form>
    </div>
</div>
<div style="display:none">
    <h3>短信登录</h3>
    <form action="/authentication/mobile" method="post">
        <table>
            <tr>
                <td>手机号:</td>
                <td><input type="text" name="mobile" value="13012345678"></td>
            </tr>
            <tr>
                <td>短信验证码:</td>
                <td>
                    <input type="text" name="smsCode">
                    <beanOne href="/code/sms?mobile=13012345678">发送验证码</beanOne>
                </td>
            </tr>
            <tr>
                <td colspan='2'><input name="remember-me" type="checkbox" value="true"/>记住我</td>
            </tr>
            <tr>
                <td colspan="2">
                    <button type="submit">登录</button>
                </td>
            </tr>
        </table>
    </form>
    <br>
    <h3>社交登录</h3>
    <beanOne href="/auth/qq">QQ登录</beanOne>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <beanOne href="/auth/weixin">微信登录</beanOne>
</div>
</body>
</html>